<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>GloBox</title>
        
        
         <!-- Bootstrap core CSS -->
        <link href="#{resource['css/bootstrap.css']}" rel="stylesheet"></link>
        <link href="#{resource['css/jumbotron-narrow.css']}" rel="stylesheet"></link>
        
        <ui:insert name="head"></ui:insert>
    </h:head>

    <h:body>

       
        <div class="container">
        <div class="header">
        <ul class="nav nav-pills pull-right">
          <li class="active"><h:link value="Home" outcome="index" /></li>
          <li><h:link value="Teatros" outcome="lista" /></li>
          <li><a href="#">About</a></li>
        </ul>
        <h3 class="text-muted">GloBox</h3>
      </div>


            <ui:insert name="content">Content</ui:insert>
        </div>

    </h:body>

</html>
